<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin:0;
				padding:0;
			}
			ul,li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			#top{
				position: relative;
				width:100%;
				height:auto;
				overflow: hidden;
				background:#f1f1f1;
				font-size:12px;
				color:#666666;
			}
			#top span{
				display:block;
				float:left;
				width:86px;
				height:32px;
				line-height:32px;
				text-align: center;
				margin-left:34px;
				_margin-left:18px;
			}
			#top .list{
				float:left;
				margin-left:380px;
				_margin-left:240px;
			}
			#top .list li{
				float:left;
				height:32px;
				line-height:32px;
				text-align: center;
			}
			#top .list a{
				color:#666666;
				padding:0 10px;
			}
			#top .list .zhuce{
				color:#c81623;
			}
			#arrive{
				display:none;
				width:303px;
				_width:310px;
				*width:310px;
				height:auto;
				padding:14px 0 14px 7px;
				background:#fff;
				border:1px solid #dddddd;
				position:absolute;
				left:34px;
				z-index: 2;
			}
			#arrive .arrive_list li{
				float:left;
				margin-right:20px;
				line-height:24px;
				font-size:12px;
			}
			#arrive .arrive_list a{
				color:#666666;
				padding:0 8px;
			}
			#arrive .arrive_list .arrive_cl{
				background:#c81623;
			}
			#arrive .arrive_list .arrive_cl a{
				color:#fff;
			}
			#list_menu1{
				display: none;
				position:absolute;
				left:740px;
				_left:710px;
				*left:730px;
				left:730px\9;
				width:282px;
				height:192px;
				border:1px solid #dddddd;
				background:url(images/bg.gif) no-repeat 16px 12px; 
				font-size:12px;
			}
			#list_menu1 span{
				display:block;
				margin:18px 0 0 84px;
				line-height: 22px;
				font-weight:bold;
			}
			#list_menu1 em{
				display:inline-block;
				margin:0 10px 0 84px;
				line-height:22px;
				font-style:normal;
			}
			#list_menu1 i{
				display:inline-block;
				line-height:22px;
				padding-left:10px;
				font-style:normal;
			}
			#list_menu1 ul{
				margin:19px 0 0 15px;
			}
			#list_menu1 ul li{
				width:126px;
				float:left;
				line-height: 26px;
			}
			#list_menu1 ul li a{
				color:#666;
			}
			#list_menu5{
				display:none;
				position: absolute;
				left:34px;
				width:1213px;
				height:188px;
				border:1px solid #ddd;
			}
			#list_menu5 .menu1{
				float:left;
				width:365px;
				height:151px;
				margin-top:22px;
				font-size:12px;
				border-right:1px solid #ddd;
			}
			#list_menu5 dt{
				line-height:24px;
				font-weight: bold;
				margin:0 0 6px 20px;
			}
			#list_menu5 .menu1 dd{
				float:left;
				line-height:24px;
				margin:0 20px;
			}
			#list_menu5 dd a{
				color:#666;
			}
			#list_menu5 .menu2{
				float:left;
				width:280px;
				height:151px;
				margin-top:22px;
				font-size:12px;
				border-right:1px solid #ddd;
			}
			
			#list_menu5 .menu2 dd{
				float:left;
				margin:0 18px;
				line-height:24px;
			}
			#list_menu5 .teshu{
				border-right: none;
			}
			#banner{
				position:relative;
				width:207px;
				margin:100px 0 0 43px;
				background:#c81623;
				color:#fff;
				z-index: 1;
			}
			#banner .banner_list dt{
				line-height:46px;
				padding-left:15px;
				background:#b1191a;
				font-weight: bold;
			}
			#banner .banner_list dd{
				width:183px;
				height:32px;
				line-height: 32px;
				padding-left:15px;
			}
			#banner .banner_list dd h2{
				font-size:12px;
				font-weight: normal;
				float:left;
			}
			#banner .banner_list dd span{
				display:block;
				float:right;
			}
		</style>
		<script src="jq1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//送至地区
				$("#top span").mouseover(function(){
					$(this).css({"background":"#fff"});
					$("#arrive").show();
				}).mouseout(function(){
					$(this).css({"background":"#f1f1f1"});
					$("#arrive").hide();
				});
				$("#arrive").mouseover(function(){
					$("#top span").css({"background":"#fff"});
					$(this).show();
				}).mouseout(function(){
					$("#top span").css({"background":"#f1f1f1"});
					$(this).hide();
				});
				$("#arrive .arrive_list li").mousemove(function(){
					$(this).css({"background":"#f1f1f1"});
					$("#arrive .arrive_cl").css({"background":"#c81623"})
				}).mouseout(function(){
					$(this).css({"background":"#fff"});
				});
				
				//鼠标划过变色
				$("#top .list .list_color").mouseover(function(){
					$(this).css({"color":"#c81623"});
				}).mouseout(function(){
					$(this).css({"color":"#666666"})
				});
				
				//鼠标划过list_list1
				$("#top .list_list1").mouseover(function(){
					$("#list_menu1").show();
				}).mouseout(function(){
					$("#list_menu1").hide();
				});
				$("#list_menu1").mouseover(function(){
					$(this).show();
				}).mouseout(function(){
					$(this).hide();
				});
				
				//鼠标划过list_menu1变色
				$("#list_menu1 span").mouseover(function(){
					$(this).css({"color":"#c81623"});
				}).mouseout(function(){
					$(this).css({"color":"#666"});
				});
				$("#list_menu1 em").mouseover(function(){
					$(this).css({"color":"#c81623"});
				}).mouseout(function(){
					$(this).css({"color":"#666"});
				});
				$("#list_menu1 i").mouseover(function(){
					$(this).css({"color":"#c81623"});
				}).mouseout(function(){
					$(this).css({"color":"#666"});
				});
				$("#list_menu1 li a").mouseover(function(){
					$(this).css({"color":"#c81623"});
				}).mouseout(function(){
					$(this).css({"color":"#666"});
				});
				
				//鼠标划过list_menu5
				$("#top .list_list5").mouseover(function(){
					$("#list_menu5").show();
				}).mouseout(function(){
					$("#list_menu5").hide();
				});
				$("#list_menu5").mouseover(function(){
					$(this).show();
				}).mouseout(function(){
					$(this).hide();
				});
				//鼠标划过#list_menu5
				$("#list_menu5 dl a").mouseover(function(){
					$(this).css({"color":"#c81623"});
				}).mouseout(function(){
					$(this).css({"color":"#666"});
				});
				
				
			})

				
					
					

		</script>
	</head>
	<body>
		<div id="top">
			<span>送至：北京</span>
			<ul class="list">
				<li><a class="list_color" href="javascript:;">你好，请登录</a><a class="zhuce" href="javascript:;">免费注册</a>|</li>
				<li><a class="list_color" href="javascript:;">我的订单</a>|</li>
				<li class="list_list1"><a href="javascript:;">我的京东</a>|</li>
				<li><a class="list_color" href="javascript:;">京东会员</a>|</li>
				<li><a class="list_color" href="javascript:;">企业采购</a>|</li>
				<li class="list_list2"><a href="javascript:;">手机京东</a>|</li>
				<li class="list_list3"><a href="javascript:;">关注京东</a>|</li>
				<li class="list_list4"><a href="javascript:;">客服服务</a>|</li>
				<li class="list_list5"><a href="javascript:;">网站导航</a></li>
			</ul>
		</div>
		<div id="arrive">
			<ul class="arrive_list">
				<li class="arrive_cl"><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
				<li><a href="javascript:;">上海</a></li>
				<li><a href="javascript:;">天津</a></li>
				<li><a href="javascript:;">重庆</a></li>
				<li><a href="javascript:;">河北</a></li>
				<li><a href="javascript:;">北京</a></li>
			</ul>
		</div>
		<div id="list_menu1">
			<span>你好，请登录</span>
			<em>优惠券</em>|<i>消息</i>
			<ul>
				<li><a href="javascript:;">待处理订单</a></li>
				<li><a href="javascript:;">我的消息</a></li>
				<li><a href="javascript:;">咨询回复</a></li>
				<li><a href="javascript:;">我的京豆</a></li>
				<li><a href="javascript:;">降价商品</a></li>
				<li><a href="javascript:;">我的理财</a></li>
				<li><a href="javascript:;">返修退换货</a></li>
				<li><a href="javascript:;">京东白条</a></li>
			</ul>
		</div>
		<div id="list_menu5">
			<dl class="menu1">
				<dt>特色主题</dt>
				<dd><a href="javascript:;">品牌街</a></dd>
				<dd><a href="javascript:;">好物100</a></dd>
				<dd><a href="javascript:;">京东预售</a></dd>
				<dd><a href="javascript:;">尖er货</a></dd>
				<dd><a href="javascript:;">品牌街</a></dd>
				<dd><a href="javascript:;">好物100</a></dd>
				<dd><a href="javascript:;">京东预售</a></dd>
				<dd><a href="javascript:;">尖er货</a></dd>
				<dd><a href="javascript:;">品牌街</a></dd>
				<dd><a href="javascript:;">好物100</a></dd>
				<dd><a href="javascript:;">京东预售</a></dd>
				<dd><a href="javascript:;">尖er货</a></dd>
				<dd><a href="javascript:;">品牌街</a></dd>
				<dd><a href="javascript:;">好物100</a></dd>
				<dd><a href="javascript:;">京东预售</a></dd>
				<dd><a href="javascript:;">尖er货</a></dd>
				<dd><a href="javascript:;">品牌街</a></dd>
				<dd><a href="javascript:;">好物100</a></dd>
				<dd><a href="javascript:;">京东预售</a></dd>
				<dd><a href="javascript:;">尖er货</a></dd>
			</dl>
			<dl class="menu2">
				<dt>行业频道</dt>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
			</dl>
			<dl class="menu2">
				<dt>行业频道</dt>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
			</dl>
			<dl class="menu2 teshu">
				<dt>行业频道</dt>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
				<dd><a href="javascript:;">服装城</a></dd>
				<dd><a href="javascript:;">家用电器</a></dd>
				<dd><a href="javascript:;">电脑办公</a></dd>
			</dl>
		</div>
		<!----------------------top------------------------------------->
		
		<div id="banner">
			<dl class="banner_list">
				<dt>全部商品分类</dt>
				<dd><h2>家用电器</h2><span>></span></dd>
				<dd><h2>手机、数码、京东通信</h2><span>></span></dd>
				<dd><h2>电脑、办公</h2><span>></span></dd>
				<dd><h2>家居、家具、家装、厨具</h2><span>></span></dd>
				<dd><h2>男装、女装、童装、内衣</h2><span>></span></dd>
				<dd><h2>家用电器</h2><span>></span></dd>
				<dd><h2>手机、数码、京东通信</h2><span>></span></dd>
				<dd><h2>电脑、办公</h2><span>></span></dd>
				<dd><h2>家居、家具、家装、厨具</h2><span>></span></dd>
				<dd><h2>男装、女装、童装、内衣</h2><span>></span></dd>
				<dd><h2>家用电器</h2><span>></span></dd>
				<dd><h2>手机、数码、京东通信</h2><span>></span></dd>
				<dd><h2>电脑、办公</h2><span>></span></dd>
				<dd><h2>家居、家具、家装、厨具</h2><span>></span></dd>
				<dd><h2>男装、女装、童装、内衣</h2><span>></span></dd>
			</dl>
		</div>
		<div id="banner_list">
			
		</div>
	</body>
</html>
